<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <title>题目上传</title>
  <link rel="stylesheet" href="./static/css/mdui.css">
  <link rel="stylesheet" href="./static/css/docs.css">
  <style>
    .nav-title {
      font-size: 1.25em;
      padding-left: 10px;
    }
    .doc-toc:before {
      content: '';
    }
    .doc-toc {
      margin-right: auto;
    }
    .condition *{
      font-size: 12px !important;
    }

  </style>
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
          <a href="" class="mdui-typo-title">题目上传</a>
        <div class="mdui-toolbar-spacer"></div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
  </div>
</header>

<div class="mdui-drawer" id="main-drawer">
  <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
    <div class="">
      <a  href="./index.html" class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">home</i>
        <div class="mdui-list-item-content">首页</div>
      </a>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple ">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange">assignment_ind</i>
        <div class="mdui-list-item-content">个人信息</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./baseInfo.html" class="mdui-list-item mdui-ripple">基本信息</a>
        <a href="./passwordChange.html" class="mdui-list-item mdui-ripple">密码修改</a>
      </div>
    </div>

    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">supervisor_account</i>
        <div class="mdui-list-item-content">员工管理</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./infoStaff.html" class="mdui-list-item mdui-ripple ">员工基本信息</a>
        <a href="./infoStudy.html" class="mdui-list-item mdui-ripple">学习信息</a>
        <a href="./infoExam.html" class="mdui-list-item mdui-ripple ">考试信息</a>
        <a href="./infoTrain.html" class="mdui-list-item mdui-ripple">实训信息</a>
      </div>
    </div>

    <div class="mdui-collapse-item ">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown">forum</i>
        <div class="mdui-list-item-content">论坛管理</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./manageStaff.html" class="mdui-list-item mdui-ripple ">普通员工管理</a>
        <a href="./manageTeacher.html" class="mdui-list-item mdui-ripple ">答疑教师管理</a>
      </div>
    </div>

    <div class="">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">view_list</i>
        <a href="./logLogin.html" class="mdui-list-item-content mdui-list-active">系统登录日志</a>
      </div>
    </div>

    <div class="mdui-collapse-item mdui-collapse-item-open">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple">file_upload</i>
        <div class="mdui-list-item-content">资料上传</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list">
        <a href="./uploadHomework.html" class="mdui-list-item mdui-ripple mdui-list-item-active">课后题库</a>
        <a href="./uploadExam.html" class="mdui-list-item mdui-ripple ">考试题库</a>
        <a href="./uploadTest.html" class="mdui-list-item mdui-ripple">单元测试题库</a>
        <a href="./uploadDatas.html" class="mdui-list-item mdui-ripple ">学习资料</a>
      </div>
    </div>
  </div>
</div>

<a id="anchor-top"></a>

<div class="mdui-container doc-container mdui-clearfix">
  <div class="mdui-clearfix mdui-typo">
    <h1 class="doc-title mdui-text-color-theme mdui-col-md-6 mdui-col-md-12 mdui-p-x-0" style="margin-bottom: 0">题目上传</h1>
  </div>
  <div class="mdui-typo mdui-clearfix mdui-m-y-4">
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">科目：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="station" class="mdui-textfield-input" />
        <datalist id="station" >
          <option value="科目1">科目1</option>
          <option value="科目2">科目2</option>
          <option value="科目3">科目3</option>
          <option value="科目4">科目4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">章：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="station" class="mdui-textfield-input" />
        <datalist id="station" >
          <option value="章1">章1</option>
          <option value="章2">章2</option>
          <option value="章3">章3</option>
          <option value="章4">章4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">节：</div>
      <div class="mdui-col-xs-6 mdui-col-md-2" style="position: relative;top: 12px">
        <input list="station" class="mdui-textfield-input" />
        <datalist id="station" >
          <option value="节1">节1</option>
          <option value="节2">节2</option>
          <option value="节3">节3</option>
          <option value="节4">节4</option>
        </datalist>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">难度：</div>
      <div class="mdui-col-xs-6">
        <div class="mdui-textfield">
          <label class="mdui-radio mdui-m-r-2">
            <input type="radio" name="group1"/>
            <i class="mdui-radio-icon"></i>
            简单
          </label>
          <label class="mdui-radio mdui-m-r-2">
            <input type="radio" name="group1"/>
            <i class="mdui-radio-icon"></i>
            一般
          </label>
          <label class="mdui-radio mdui-m-r-2">
            <input type="radio" name="group1"/>
            <i class="mdui-radio-icon"></i>
            困难
          </label>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">题干：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <textarea class="mdui-textfield-input"></textarea>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">
          <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
          <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">关键字：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield mdui-col-xs-4">
          <input type="text" class="mdui-textfield-input ">
        </div>
        <div class="mdui-textfield mdui-col-offset-xs-1 mdui-col-xs-4">
          <input type="text" class="mdui-textfield-input ">
        </div>
      </div>
    </div>
    <div class="mdui-divider mdui-m-y-2"></div>
    <div class="option-wrapper">
      <div class="option-item">
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">选项：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input type="text" class="mdui-textfield-input mdui-col-xs-5">
              <label class="mdui-checkbox mdui-float-left">
                <input type="checkbox"/>
                <i class="mdui-checkbox-icon"></i>
                正确答案
              </label>
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2">删除</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">
              <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>
            </div>
          </div>
        </div>
      </div>
      <div class="option-item">
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">选项：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input type="text" class="mdui-textfield-input mdui-col-xs-5">
              <label class="mdui-checkbox mdui-float-left">
                <input type="checkbox"/>
                <i class="mdui-checkbox-icon"></i>
                正确答案
              </label>
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2">删除</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">
              <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>
            </div>
          </div>
        </div>
      </div>
      <div class="option-item">
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">选项：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input type="text" class="mdui-textfield-input mdui-col-xs-5">
              <label class="mdui-checkbox mdui-float-left">
                <input type="checkbox"/>
                <i class="mdui-checkbox-icon"></i>
                正确答案
              </label>
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2">删除</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">
              <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>
            </div>
          </div>
        </div>
      </div>
      <div class="option-item">
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">选项：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input type="text" class="mdui-textfield-input mdui-col-xs-5">
              <label class="mdui-checkbox mdui-float-left">
                <input type="checkbox"/>
                <i class="mdui-checkbox-icon"></i>
                正确答案
              </label>
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2">删除</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix">
          <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
          <div class="mdui-col-xs-6 mdui-col-md-4">
            <div class="mdui-textfield">
              <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">
              <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
              <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <button class="mdui-col-offset-xs-5 mdui-col-xs-1 mdui-btn mdui-btn-raised mdui-ripple mdui-m-t-2 " id="newOption">新增选项</button>
    </div>
    <div class="mdui-divider mdui-m-y-2"></div> 
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">解析：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <textarea class="mdui-textfield-input"></textarea>
        </div>
      </div>
    </div>
    <div class="mdui-clearfix">
      <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>
      <div class="mdui-col-xs-6 mdui-col-md-4">
        <div class="mdui-textfield">
          <input hidden="" type="file" class="upload-avatar">
          <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">
          <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn">上传</button>
        </div>
      </div>
    </div>
  </div>
  <div class="mdui-typo mdui-clearfix mdui-m-y-4">
    <button class="mdui-col-offset-xs-2 mdui-float-left mdui-m-r-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-m-t-2 " mdui-dialog="{target: '#addto-train'}">保存并添加至单元测试</button>
    <button class="mdui-float-left mdui-m-r-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-m-t-2" onclick="location.href='./homeworkAdd.html'">保存并继续添加</button>
    <button class="mdui-float-left mdui-m-r-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-m-t-2">保存为新题</button>
    <button class="mdui-float-left mdui-m-r-2 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-m-t-2">覆盖保存</button>
  </div>
</div>



<div class="mdui-dialog" id="dialog-docs-theme">
  <div class="mdui-dialog-title">设置文档主题</div>
  <div class="mdui-dialog-content">

    <p class="mdui-typo-title">主题色</p>
    <div class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-layout" value="" checked="">
          <i class="mdui-radio-icon"></i>
          Light
        </label>
      </div>
      <div class="mdui-col">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-layout" value="dark">
          <i class="mdui-radio-icon"></i>
          Dark
        </label>
      </div>
    </div>

    <p class="mdui-typo-title mdui-text-color-theme">主色</p>
    <form class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col mdui-text-color-amber">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="amber">
          <i class="mdui-radio-icon"></i>
          Amber
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="blue" checked="">
          <i class="mdui-radio-icon"></i>
          Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue-grey">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="blue-grey">
          <i class="mdui-radio-icon"></i>
          Blue Grey
        </label>
      </div>
      <div class="mdui-col mdui-text-color-brown">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="brown">
          <i class="mdui-radio-icon"></i>
          Brown
        </label>
      </div>
      <div class="mdui-col mdui-text-color-cyan">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="cyan">
          <i class="mdui-radio-icon"></i>
          Cyan
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="deep-orange">
          <i class="mdui-radio-icon"></i>
          Deep Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="deep-purple">
          <i class="mdui-radio-icon"></i>
          Deep Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="green">
          <i class="mdui-radio-icon"></i>
          Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-grey">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="grey">
          <i class="mdui-radio-icon"></i>
          Grey
        </label>
      </div>
      <div class="mdui-col mdui-text-color-indigo">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="indigo">
          <i class="mdui-radio-icon"></i>
          Indigo
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="light-blue">
          <i class="mdui-radio-icon"></i>
          Light Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="light-green">
          <i class="mdui-radio-icon"></i>
          Light Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-lime">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="lime">
          <i class="mdui-radio-icon"></i>
          Lime
        </label>
      </div>
      <div class="mdui-col mdui-text-color-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="orange">
          <i class="mdui-radio-icon"></i>
          Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-pink">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="pink">
          <i class="mdui-radio-icon"></i>
          Pink
        </label>
      </div>
      <div class="mdui-col mdui-text-color-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="purple">
          <i class="mdui-radio-icon"></i>
          Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-red">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="red">
          <i class="mdui-radio-icon"></i>
          Red
        </label>
      </div>
      <div class="mdui-col mdui-text-color-teal">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="teal">
          <i class="mdui-radio-icon"></i>
          Teal
        </label>
      </div>
      <div class="mdui-col mdui-text-color-yellow">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-primary" value="yellow">
          <i class="mdui-radio-icon"></i>
          Yellow
        </label>
      </div>
    </form>

    <p class="mdui-typo-title mdui-text-color-theme-accent">强调色</p>
    <form class="mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3">
      <div class="mdui-col mdui-text-color-amber">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="amber">
          <i class="mdui-radio-icon"></i>
          Amber
        </label>
      </div>
      <div class="mdui-col mdui-text-color-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="blue">
          <i class="mdui-radio-icon"></i>
          Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-cyan">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="cyan">
          <i class="mdui-radio-icon"></i>
          Cyan
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="deep-orange">
          <i class="mdui-radio-icon"></i>
          Deep Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-deep-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="deep-purple">
          <i class="mdui-radio-icon"></i>
          Deep Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="green">
          <i class="mdui-radio-icon"></i>
          Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-indigo">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="indigo">
          <i class="mdui-radio-icon"></i>
          Indigo
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-blue">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="light-blue">
          <i class="mdui-radio-icon"></i>
          Light Blue
        </label>
      </div>
      <div class="mdui-col mdui-text-color-light-green">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="light-green">
          <i class="mdui-radio-icon"></i>
          Light Green
        </label>
      </div>
      <div class="mdui-col mdui-text-color-lime">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="lime">
          <i class="mdui-radio-icon"></i>
          Lime
        </label>
      </div>
      <div class="mdui-col mdui-text-color-orange">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="orange">
          <i class="mdui-radio-icon"></i>
          Orange
        </label>
      </div>
      <div class="mdui-col mdui-text-color-pink">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="pink" checked="">
          <i class="mdui-radio-icon"></i>
          Pink
        </label>
      </div>
      <div class="mdui-col mdui-text-color-purple">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="purple">
          <i class="mdui-radio-icon"></i>
          Purple
        </label>
      </div>
      <div class="mdui-col mdui-text-color-red">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="red">
          <i class="mdui-radio-icon"></i>
          Red
        </label>
      </div>
      <div class="mdui-col mdui-text-color-teal">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="teal">
          <i class="mdui-radio-icon"></i>
          Teal
        </label>
      </div>
      <div class="mdui-col mdui-text-color-yellow">
        <label class="mdui-radio mdui-m-b-1">
          <input type="radio" name="doc-theme-accent" value="yellow">
          <i class="mdui-radio-icon"></i>
          Yellow
        </label>
      </div>
    </form>

  </div>
  <div class="mdui-divider"></div>
  <div class="mdui-dialog-actions">
    <button class="mdui-btn mdui-ripple mdui-float-left" mdui-dialog-cancel="">恢复默认主题</button>
    <button class="mdui-btn mdui-ripple" mdui-dialog-confirm="">ok</button>
  </div>
</div>

<div class="mdui-dialog" id="noticeDelete">
  <div class="mdui-dialog-title">确定删除?</div>
  <div class="mdui-dialog-content">您将删除选中的内容！</div>
  <div class="mdui-dialog-actions">
    <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
    <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
  </div>
</div>


<div class="mdui-dialog" id="addto-train">
  <div class="mdui-dialog-title">请选择单元测试</div>
  <div class="dialog-inner mdui-p-y-2 mdui-p-x-4"> 
    <div class="mdui-table-fluid box-add" style="height: 153px;">
      <table class="mdui-table mdui-table-selectable">
        <thead hidden="">
          <tr>
            <th>单元测试</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>单元测试1</td>
          </tr>
          <tr>
            <td>单元测试2</td>
          </tr>
          <tr>
            <td>单元测试3</td>
          </tr>
          <tr>
            <td>单元测试4</td>
          </tr>
          <tr>
            <td>单元测试5</td>
          </tr>
          <tr>
            <td>单元测试6</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="mdui-dialog-actions mdui-text-center">
      <button class="mdui-btn mdui-ripple mdui-color-red-accent " mdui-dialog-close>取消</button>
      <button class="mdui-btn mdui-ripple mdui-color-theme-accent " mdui-dialog-confirm>确定</button>
    </div>
  </div>
</div>

<div class="mdui-dialog" id="add-train">
  <div class="mdui-dialog-title">新增单元测试</div>
  <div class="dialog-inner mdui-p-b-2 mdui-p-x-4 mdui-p-t-0"> 
    <div class="mdui-textfield mdui-textfield-floating-label mdui-p-t-0">
      <label class="mdui-textfield-label">请输入单元测试名称</label>
      <input class="mdui-textfield-input" type="text" placeholder="" />
    </div>
    <div class="mdui-dialog-actions">
      <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
      <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
    </div>
  </div>
</div>

<script src="./static/js/mdui.min.js"></script>
<script>var $$ = mdui.JQ;</script>
<script src="./static/js/highlight.pack.js"></script>
<script src="./static/js/smooth-scroll.min.js"></script>
<script src="./static/js/holder.min.js"></script>
<script src="./static/js/base.js"></script>

<script>
  $$('#register-batch').on('click', function () {
    document.getElementById('uploadQuestions').click();
  });

  $$('.upload-btn').on('click', function () {
    var that = $$(this);
    that.parent('.mdui-textfield').find('.upload-avatar')[0].click();
  });

  $$('.upload-avatar').on('change', function () {
    var res = $$(this).val().split('\\');
    var filename = res.reverse()[0];
    $$(this).parent('.mdui-textfield').find('.file-name').val(filename);
  });

  $$('#newOption').on('click', function () {
    var option = '<div class="option-item">\
      <div class="mdui-clearfix">\
        <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">选项：</div>\
        <div class="mdui-col-xs-6 mdui-col-md-4">\
          <div class="mdui-textfield">\
            <input type="text" class="mdui-textfield-input mdui-col-xs-5">\
            <label class="mdui-checkbox mdui-float-left">\
              <input type="checkbox"/>\
              <i class="mdui-checkbox-icon"></i>\
              正确答案\
            </label>\
            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2">删除</button>\
          </div>\
        </div>\
      </div>\
      <div class="mdui-clearfix">\
        <div class="mdui-col-xs-3 mdui-col-md-2" style="line-height: 60px;font-size: 20px;text-align: right;">图片：</div>\
        <div class="mdui-col-xs-6 mdui-col-md-4">\
          <div class="mdui-textfield">\
            <input hidden="" type="file" class="upload-avatar" id="uploadAvatar1">\
            <input type="text" class="mdui-textfield-input mdui-col-xs-8 file-name">\
            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-col-offset-xs-1 mdui-col-xs-2 upload-btn" id="uploadBtn1">上传</button>\
          </div>\
        </div>\
      </div>\
    </div>';
    $$('.option-wrapper').append(option);
  });


</script>
</body>
</html>
